
<html>
<head>
<!-- contato.html -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="pt-br" />

<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700"
	rel="stylesheet">

</head>

<body>

	<table>
		<tr>
			<th></th>
			<td><input placeholder="Nome" ng-model="firstName"></td>
		</tr>
		<tr>
			<th></th>
			<td><input placeholder="Idade" ng-model="secondName"></td>
		</tr>
		<tr>
			<th></th>
			<td><input placeholder="Espécie" ng-model="email"></td>
		</tr>
		<tr>
			<th></th>
			<td><input placeholder="Raça" ng-model="phoneNumber"></td>
		</tr>
		<tr>
			<th>Sexo</th>
			<td><input type="radio" name="sexo" ng-model="sexo" value="M">Masculino
				<input type="radio" name="sexo" ng-model="sexo" value="F">feminino</td>
		</tr>
		<tr>
			<th><button ng-click="add();">Enviar</button></th>
			<th><button ng-click="findAll();">buscar</button></th>
			<td></td>
		</tr>
	</table>

	<table border="1" >
		<tr>
			<th>Id</th>
			<th>First Name</th>
			<th>Second Name</th>
			<th>Email</th>
			<th>Phone Number</th>
			<th>Sexo</th>
			<th>Ação</th>

		</tr>

		<tr ng-repeat="usuario in usuarios">
			<td>{{usuario._id}}</td>
			<td>{{usuario.firstName}}</td>
			<td>{{usuario.secondName}}</td>
			<td>{{usuario.email}}</td>
			<td>{{usuario.phoneNumber}}</td>
			<td>{{usuario.sexo}}</td>
			<td><span ng-click="remover(usuario);">Remove</span></td>


		</tr>
	</table>
 <!-- 
	<script
		src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.1/angular.min.js"></script>
	<script type="text/javascript" src="http://localhost:8081/primeiro/controllers/angular-route.js"></script>
 -->
</body>
</html>